<script setup>
import { defineProps } from 'vue';

const props = defineProps({
    itemData: {
        type: Object,
        default: () => {}
    }
});
</script>

<template>
    <div class="goods-status-item">
        <div class="goods-status">
            <p class="goods-status-title">状态 - 商品被官方置顶</p>
            <span class="goods-status-time">2024-06-30 21:18:23</span>
        </div>
        <p class="tips">
            评价内容：服务态度：非常好，及时高效；交付质量：GOOD；专业能力：很好；
        </p>
    </div>
</template>

<style scoped lang="scss">
.goods-status-item{
    border-bottom: 1px solid rgba(25,30,40,0.08);
    padding: 20px 0;
    &:first-child{
        padding-top: 0;
    }
   &:last-child{
    border-bottom: none;
    padding-bottom: 0;
   }
}
.goods-status{
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
   .goods-status-title{
    font-size: 16px;
    font-weight: 500;
    color: #191E28;
   }
   .goods-status-time{
    font-size: 14px;
    color: rgba(25,30,40,0.48);
   }
}
   .tips{
    font-size: 14px;
    color: rgba(25,30,40,0.6);
    margin-top: 4px;
   }
</style>